<html lang="zh-CN">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <title>邻阿姨(LAY.COM)-去哪买,超市比价,附近价差排行,邻居互助</title>
    <link rel="stylesheet" type="text/css" href="../js/cube-ui/cube.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/auditPrice201906291720.css"/>
</head>
<body>
    <div class="app-shell" id="auditPrice" v-cloak>
        <div class="auditPrice-main">
            <div class="auditPrice-header"><i class="auditPrice-goback" @click="goback()">返回</i>{{headerTitle}}</div>

            <div class="auditPrice-container" v-if="showType === 0">
                <div class="auditPrice-marketBox">
                    <div class="auditPrice-market">{{market.marketName}}</div>
                    <div class="auditPrice-changeMarket" @click="changeMarket">{{changeMarketTitle}}</div>
                </div>

                <div class="auditPrice-listBox">
                    <cube-tab-bar v-model="selectedValue" @click="clickShowType0" class="auditPrice-showType0">
                        <cube-tab v-for="item in tabValue" :label="item.label" :key="item.label">{{item.label}}</cube-tab>
                    </cube-tab-bar>

                    <div class="auditPrice-listHeader">
                        <span class="auditPrice-listText">日期</span><span class="auditPrice-listText">总数量</span><span class="auditPrice-listText">已完成数量</span>
                    </div>
                    <div class="auditPrice-list">
                        <cube-slide
                            ref="showType0Slide"
                            :loop="loop"
                            :initial-index="ineffectiveIndex"
                            :auto-play="autoPlay"
                            :show-dots="showDots"
                            :options="slideOptions"
                            @change="changeTab">
                            <cube-slide-item>
                                <cube-scroll ref="ineffectiveData" :data="ineffectiveData" :options="scrollOptions" @pulling-up="ineffectiveMore">
                                    <ul v-if="ineffectiveData && ineffectiveData.length > 0">
                                        <li class="auditPrice-listLi" v-for="(item,index) in ineffectiveData" :key="index" @click="clickIneffectiveOrTakeEffect(item)">
                                            <span class="auditPrice-listText">{{item.taskDate}}</span>
                                            <span class="auditPrice-listText">{{item.totalQuantity}}</span>
                                            <span class="auditPrice-listText">{{item.completeQuantity}}</span>
                                        </li>
                                    </ul>
                                    <div class="auditPrice-noAudit" v-else-if="ineffectiveData && ineffectiveData.length === 0">暂无审核任务</div>
                                </cube-scroll>
                            </cube-slide-item>
                            <cube-slide-item>
                                <cube-scroll ref="takeEffectData" :data="takeEffectData" :options="scrollOptions" @pulling-up="takeEffectMore">
                                    <ul v-if="takeEffectData && takeEffectData.length > 0">
                                        <li class="auditPrice-listLi" v-for="(item,index) in takeEffectData" :key="index" @click="clickIneffectiveOrTakeEffect(item)">
                                            <span class="auditPrice-listText">{{item.taskDate}}</span>
                                            <span class="auditPrice-listText">{{item.totalQuantity}}</span>
                                            <span class="auditPrice-listText">{{item.completeQuantity}}</span>
                                        </li>
                                    </ul>
                                    <div class="auditPrice-noAudit" v-else-if="takeEffectData && takeEffectData.length === 0">暂无审核任务</div>
                                </cube-scroll>
                            </cube-slide-item>
                        </cube-slide>
                    </div>
                </div>
            </div>

            <div class="auditPrice-container" v-if="showType === 1">
                <!-- <div class="auditPrice-marketName" v-if="marketName">{{marketName}}</div> -->

                <cube-tab-bar v-model="selectedLabel" @click="clickHandler">
                    <cube-tab v-for="item in tabLabels" :label="item.label" :key="item.label">{{item.label}}</cube-tab>
                    <div class="cube-tab auditPrice-screenBox"><span class="auditPrice-screen" @click="screenPopup">筛选</span></div>
                </cube-tab-bar>

                <div class="auditPrice-marketDateBox">
                    <div class="auditPrice-marketAddress">{{market.marketName}}</div>
                    <div class="auditPrice-marketDate">{{taskDate}}</div>
                </div>

                <div class="auditPrice-auditListBox">
                    <cube-slide
                        ref="slide"
                        :loop="loop"
                        :initial-index="initialIndex"
                        :auto-play="autoPlay"
                        :show-dots="showDots"
                        :options="slideOptions"
                        @change="changePage">
                        <!-- 未生效价格 -->
                        <cube-slide-item>
                            <cube-scroll ref="auditList" :data="toBeAuditedListData" :options="scrollOptions" @pulling-up="auditListMore">
                                <ul class="auditPrice-auditListUl" v-if="toBeAuditedListData && toBeAuditedListData.length > 0">
                                    <li class="auditPrice-auditList" v-for="(item,index) in toBeAuditedListData" :key="index">
                                        <div class="auditPrice-auditListHeader"><span>{{item.barcode}}</span><span class="auditPrice-auditListStatus">待审核</span></div>
                                        <div class="auditPrice-auditGoodsBox">
                                            <img :src="item.goodsImage" class="auditPrice-auditGoodsImg">
                                            <div class="auditPrice-auditGoodsInfo">
                                                <h1 class="auditPrice-auditGoodsName">{{item.fullName}}</h1>
                                                <div class="auditPrice-priceBox"><span class="auditPrice-price">￥{{item.price}}</span><span class="auditPrice-spreadRate">价差率：{{item.spreadRate}}</span></div>
                                            </div>
                                        </div>
                                        <div class="auditPrice-btnBox">
                                            <div class="auditPrice-btnPriceError" @click="priceError(item)">价格错误</div>
                                            <div class="auditPrice-btnBoxLine"></div>
                                            <div class="auditPrice-auditPass" @click="auditPass(item)">审核通过</div>
                                        </div>
                                    </li>
                                </ul>
                                <div class="auditPrice-noAudit" v-if="toBeAuditedListData && toBeAuditedListData.length === 0">暂无审核任务</div>
                            </cube-scroll>
                        </cube-slide-item>
                        <!-- 已生效价格 -->
                        <cube-slide-item>
                            <cube-scroll ref="auditListHistory" :data="auditListHistoryData" :options="scrollOptions" @pulling-up="auditListHistoryMore">
                                <ul class="auditPrice-auditListUl" v-if="auditListHistoryData && auditListHistoryData.length > 0">
                                    <li class="auditPrice-auditList" v-for="(item,index) in auditListHistoryData" :key="index">
                                        <div class="auditPrice-auditListHeader"><span>{{item.barcode}}</span><span class="auditPrice-auditListStatus">{{item.manualAuditStatus}}</span></div>
                                        <div class="auditPrice-auditGoodsBox">
                                            <img :src="item.goodsImage" class="auditPrice-auditGoodsImg">
                                            <div class="auditPrice-auditGoodsInfo">
                                                <h1 class="auditPrice-auditGoodsName">{{item.fullName}}</h1>
                                                <div class="auditPrice-priceBox"><span class="auditPrice-price">￥{{item.price}}</span><span class="auditPrice-spreadRate">价差率：{{item.spreadRate}}</span></div>
                                            </div>
                                        </div>
                                        <!-- <div class="auditPrice-btnBox">
                                            <div class="auditPrice-btnPriceError" @click="affectedPriceError(index)">价格错误</div>
                                            <div class="auditPrice-btnBoxLine"></div>
                                            <div class="auditPrice-auditPass" @click="affectedPricePass(index)">审核通过</div>
                                        </div> -->
                                    </li>
                                </ul>
                                <div class="auditPrice-noAudit" v-if="affectedPriceData && affectedPriceData.length === 0">暂无审核任务</div>
                            </cube-scroll>
                        </cube-slide-item>
                    </cube-slide>
                </div>
            </div>

            <!-- <div class="auditPrice-container" v-else-if="showType === 1">
                <cube-scroll
                ref="auditListHistory"
                :data="auditListHistoryData"
                :options="scrollOptions"
                @pulling-up="auditListHistoryMore">
                <ul class="auditPrice-auditListHistoryBox">
                    <li class="auditPrice-auditListHistory" v-for="(history, index) in auditListHistoryData" :key="index">
                        <div class="auditPrice-auditListHeader"><span>{{history.auditTime}}</span><span class="auditPrice-auditListStatus">{{history.status}}</span></div>
                        <div class="auditPrice-auditGoodsBox">
                            <img :src="history.goodsImage" class="auditPrice-auditGoodsImg">
                            <div class="auditPrice-auditGoodsInfo">
                                <h1 class="auditPrice-auditGoodsName">{{history.fullName}}</h1>
                                <div class="auditPrice-priceBox"><span class="auditPrice-price">￥{{history.price}}</span><span class="auditPrice-spreadRate">价差率：{{history.spreadRate}}</span></div>
                            </div>
                        </div>
                    </li>
                </ul>
                </cube-scroll>
            </div> -->

            <div class="auditPrice-container auditPrice-priceCorrection" v-else-if="showType === 2">
                <div>
                    <ul>
                        <li class="auditPrice-correctionListLi"><span class="auditPrice-correctionListLiLeft">价格类型：</span><div class="auditPrice-correctionListLiRight" @click="choicePriceType">{{params.priceType}}</div></li>
                        <li class="auditPrice-correctionListLi"><span class="auditPrice-correctionListLiLeft">开始时间：</span><div class="auditPrice-correctionListLiRight" @click="choiceStartAndEndTime">{{params.startTime}}</div></li>
                        <li class="auditPrice-correctionListLi"><span class="auditPrice-correctionListLiLeft">结束时间：</span><div class="auditPrice-correctionListLiRight" @click="choiceStartAndEndTime">{{params.endTime}}</div></li>
                        <li class="auditPrice-correctionListLi"><span class="auditPrice-correctionListLiLeft">纠错价格：</span><input type="number" class="auditPrice-correctionListLiRight" v-model="showPrice" placeholder="请输入价格（元）"></li>
                    </ul>
                </div>
                <div class="auditPrice-correctionUploadBox">
                    <div class="auditPrice-correctionImgBox">
                        <input type="file" class="auditPrice-uploadFile" @change="showImage($event)" ref="uploadFile" multiple accept="image/*"/>
                        <span class="auditPrice-uploadText">点击上传照片</span>
                        <img :src="imageSrc" v-if="imageSrc" class="auditPrice-imagePrview"/>
                    </div>
                </div>
                <cube-button class="auditPrice-btnSubmit" :primary="true" :disabled="btnDisabled" @click="submit">确认纠错</cube-button>
            </div>

            <!-- 右侧筛选弹窗 -->
            <cube-popup type="my-popup" position="right" :mask-closable="true" ref="screenPopup">
                <div class="auditPrice-choiceCategoryBox">
                    <div class="auditPrice-queryInputBox">
                        <cube-scroll ref="categoryData" :data="categoryData" :options="scrollOptions">
                            <ul>
                                <li v-for="item in categoryData" :key="item.value" class="auditPrice-categoryBox">
                                    <div class="auditPrice-categoryH1">{{item.text}}</div>
                                    <div class="auditPrice-categoryH2Box">
                                        <span class="auditPrice-categoryH2" v-for="cate in item.child" :key="cate.value" :class="[cate.value === categoryId ? 'auditPrice-categoryH2Active' : '']" @click="clickCategory(cate)">{{cate.text}}</span>
                                        <div class="auditPrice-hack"></div>
                                    </div>
                                </li>
                            </ul>
                        </cube-scroll>
                    </div>
                    <!-- <button class="auditPrice-queryBtnReset" @click="btnReset">重置</button>
                    <button class="auditPrice-queryBtnOk" @click="btnSubmit">确定</button> -->
                </div>
            </cube-popup>

            <!-- 右侧选择超市弹窗 -->
            <cube-popup type="my-popup" position="right" :mask-closable="true" ref="choiceMarket">
                <div class="auditPrice-choiceMarketBox">
                    <div class="auditPrice-choiceMarketTitle">选择超市</div>
                    <div class="auditPrice-choiceMarketInputBox">
                        <input type="text" class="auditPrice-choiceMarketInput" v-model="marketKey" placeholder="请输入超市名">
                    </div>
                    <div class="auditPrice-marketListBox">
                        <cube-scroll ref="marketData" :data="marketData" :options="scrollOptions" @pulling-up="marketDataMore">
                            <ul v-if="marketData && marketData.length > 0">
                                <li class="auditPrice-marketList" v-for="(item,index) in marketData" :key="index" @click="choiceMarket(item)">
                                    <h1 class="auditPrice-marketListName" v-html="item.name"></h1>
                                    <p class="auditPrice-marketAddress">{{item.fullName}}</p>
                                </li>
                            </ul>
                            <div class="auditPrice-noMarket" v-else-if="marketData && marketData.length === 0">暂无结果</div>
                        </cube-scroll>
                    </div>
                </div>
            </cube-popup>
        </div>
    </div>
    <script src="../js/vue.js"></script>
    <script src="../js/axios.min.js"></script>
    <script src="../js/fetch20190612.js"></script>
    <script src="../js/rem.js"></script>
    <script src="../js/cube-ui/cube.min.js"></script>
    <script src="js/auditPrice201907011810.js"></script>
</body>
</html>
